.mainbox { max-width:1500px; }

.spmenu { width:100%; margin:0 0 10px 0; border-bottom:6px solid #f921c6; font-family:tahoma; }
.spmenu .xbody { width:99%; max-width:1400px; margin:0 auto; }
.spmenu a { display:inline-block; min-width:80px; margin:0 4px 2px 0; padding:5px 10px 5px 10px; border:1px solid var(--bg); border-radius:5px; background-color:#ff6cdd; vertical-align:bottom; text-align:center; white-space:nowrap; font-size:16pt; line-height:28px; color:#fff; }
.spmenu a.active { margin-bottom:0; padding:7px 10px 6px 10px; border-radius:5px 5px 0 0; border-width:0; background-color:#f921c6; }
.spmenu a:hover { border-color:var(--text); }
.spmenu i { font-size:10pt; line-height:15px; font-style:normal; }

.sptab { margin:15px 0 0 0; text-align:center; }

#rsticky { position:absolute; right:4px; top:100px; width:300px; min-height:600px; }
#rsticky .xhtbox { padding:0 0 10px 0; font-size:11pt; }
#rsticky .xhtbox .xlink { display:inline-block; box-sizing:border-box; width:100%; padding:5px; margin-bottom:5px; color:#000; }
#rsticky .xhtbox .xlink:hover { background-color:var(--bg2); }
#rsticky .xhtbox .xlink img { display:inline-block; width:112px; height:63px; vertical-align:top; }
#rsticky .xhtbox .xlink .xtitle { display:inline-block; box-sizing:border-box; width:calc(100% - 112px); padding:0 0 0 5px; vertical-align:top; }
@media (max-width:1000px) { #rsticky { display:none; } }

.sptopbox { max-width:1400px; margin:0 auto; padding:5px 0 0 0; text-align:left; }
.sprc { display:inline-block; box-sizing:border-box; max-width:100%; overflow-x:auto; padding:10px 10px 5px 10px; vertical-align:top; text-align:left; white-space:nowrap; font-size:11pt; }
.sprc h3 { margin:0; padding:0 0 0 10px; font-size:14pt; font-weight:normal; color:var(--text2); }
.sprc .xlink { display:inline-block; box-sizing:border-box; width:33%; min-width:120px; padding:10px 15px; vertical-align:top; white-space:normal; color:var(--text); }
.sprc .ximg { width:100%; aspect-ratio:1; margin:0 0 3px 0; }
.sprc .xlink:hover { background-color:var(--bg2); }
.sprc .xtitle { display:inline-block; width:100%; max-height:60px; line-height:20px; overflow:hidden; }

.sppp { box-sizing:border-box; width:97%; max-width:1600px; margin:0 auto; text-align:center; font-size:14pt; }
.sppp .xswitch1 { display:block; padding:10px 0; }
.sppp .xswitch1 .xbt { min-width:100px; }
.sppp .xlink { display:inline-block; box-sizing:border-box; width:25%; padding:25px; vertical-align:top; text-align:left; color:var(--text); }
.sppp .ximg { width:100%; aspect-ratio:1; margin:0 0 3px 0; }
.sppp .xtitle { display:inline-block; width:100%; }
.sppp .xlink:hover { background-color:var(--bg2); }
.sppp .xinfo { font-size:10pt; color:var(--text2); }
@media(min-width:1250px) {
	.sppp { padding-right:330px; }
}

@media(max-width:1300px) {
	.sppp .xlink { width:33%; }
}
@media(max-width:1000px) {
	.sppp .xlink { width:50%; }
}
@media(max-width:600px) {
	.sppp .xlink { width:100%; padding:25px 10px; }
}
@media(max-width:500px) {
	.spmenu { overflow-x:scroll; white-space:nowrap; }
	.spmenu a { min-width:50px; font-size:14pt; }
	.spmenu2 { font-size:11pt; }
	.spmenu2 a { min-width:50px; }
	.sppp { width:100%; }
}